<ul class="nav navbar-nav side-nav">
    <li class="active">
        <a href="/"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
    </li>
    <li>
        <a href="/actions_topic"><i class="fa fa-fw fa-bar-chart-o"></i>队列监控</a>
    </li>
    <li>
        <a href="/actions_shape"><i class="fa fa-fw fa-table"></i> 实例监控</a>
    </li>

    <li>
        <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="glyphicon glyphicon-zoom-in"></i>
            自定义查询
            <i class="fa fa-fw fa-caret-down"></i></a>
        <ul id="demo" class="collapse">
            <li>
                <a href="/actions_progress">消费 进度 查询</a>
            </li>
            <li>
                <a href="#">消费者查询</a>
            </li>
            <li>
                <a href="/actions_message">消息查询</a>
            </li>
            <li>
                <a href="/actions_manager">MQ 管理</a>
            </li>
        </ul>
    </li>
    <
</ul>